<template>
	<view class="topBar">
		<view class="search-input">
			<i style="padding: 10rpx 20rpx;">
				<image style="width: 42rpx;height: 42rpx;" src="../../static/icons/Iconly-Light-Search.png"></image> 
			</i>
			<input class="input" />
		</view>
		<view class="message">
			<i>
				<image style="width: 48rpx;height: 48rpx;" src="../../static/icons/Iconly-Bold-Message.png"></image> 
			</i>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.topBar{
		/* #ifdef APP-PLUS */
		margin:100rpx 0;
		/* #endif */
		/* #ifdef MP-WEIXIN */
		margin: 180rpx 0 30rpx 0;
		/* #endif */
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: row;
		.search-input{
			border-radius: 20px;
			background: #FFFFFF;
			height: 66rpx;
			display: flex;
			width: calc(100% - 160rpx);
			align-items: center;
		}
		.message{
			flex: 0;
		}
	}
</style>
